/*-----------------------------------------------------------
Template Name: Hurc18,
Version: 1.0
-------------------------------------------------------------

/*-----------------
1. Google font
------------------*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Roboto:300,400,500,700,900|Satisfy');

/*-------------------
2. Theme Default CSS
--------------------*/

html,

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.8em;
    color: #1a1a1a;
	background: #ffffff;

}
.center, .center a, .center img {text-align:center;margin:0 auto;display:block;}

hr  {border-top: 2px dotted #00b8e4;letter-spacing: 10px;}
.spacer {margin-bottom: 25px;}

 #ribbon {display:block;}

/* body #s4-workspace, #hurco {
   overflow: visible !important; 
   height: 100%!important; 
    width: 100%!important; }*/
    
    #s4-workspace > #hurco {
     height: 100%;
    width: 100%;
}

#ms-designer-ribbon {
z-index: 100;
   position: relative;
margin-top: 128px;
    border: 1px solid white;
    /*  display: none;    ===hide ribbon for presentation === */
}

#s4-workspace > #hurco #s4-bodyContainer {
    width: 100% !important;
        height: 100% !important;
}

#toclist {}
.toc li a {font-size: 22px; text-transform:uppercase;}

#suiteBarLeft {background-color: #1a1a1a;}
#globalNavBox, .ms-clientcontrol-chromeheader {background-color: #00b8e4;}
#suiteBarRight { background-color: #fff;}
.ms-core-overlay {background-color: transparent;}

#hurco {margin-top:0; }
.logo {
	 float: left;
    height: 40px;
    padding: 15px 8px;
    font-size: 16px;
    line-height: 18px;
}
.exo-menu a {color:#ffffff!important;}
.cta .bttn.bttn-primary {color:#00b8e4;}

#hurco a {
    text-decoration: none;
    outline: none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    color: #00b8e4;
    cursor: pointer;
  }


#hurco button:focus,
#hurco a:focus,
#hurco a:hover {
    text-decoration: underline;
    outline: none;
    color: #c9dd03;
}

#modeldetails .container a:hover {
	color:#1a1a1a; text-decoration: none;
}

#hurco input:focus {
	color:#1a1a1a;
}
#DeltaPlaceHolderMain {
	/* margin-top:90px; */
	padding-top:65px;
}
#DeltaPlaceHolderMain ul, #vertical ul {list-style-type: none!important;}

#DeltaPlaceHolderMain li:before, #vertical li:before {
	content: "\203A\ ";
    color: #00b8e4;
    font-size: 22px;
    font-weight: bold;
    padding-left: 4px;
}


#DeltaPlaceHolderMain ul ul li:before {
    content: "- ";
    color: #00b8e4;
    font-size: 22px;
    font-weight: bold;
}

.pagination li:before {content: ""!important}

#documents .dropdown-menu {font-size:12px;width: max-content;}

.dropdown-menu>li>a {
display: inline;
    padding: 3px 8px;
      }

#MSOTlPn_Parts input:focus{
	color:#ff6418!important;
}

#hurco img {
    max-width: 100%;
    height: auto;
}


.post-body div:first-child img {
width: 40%;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

.post-body img {
    margin: 10px!important;

}


.imgright {
  	width: 40%;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

.imgleft{
  	width: 40%;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}


figcaption {
  font-family: Arial, sans-serif; /* Sets the font style */
  font-size: 12px; /* Adjusts the text size */
  color: #555; /* Changes the text color */
  text-align: center; /* Aligns the caption text */
  margin-top: 10px; /* Adds space above the caption */
  padding: 5px; /* Adds inner spacing */
  background-color: #f9f9f9; /* Adds a light background color */
  border-radius: 5px; /* Rounds the corners */
  border: 1px solid #ddd; /* Adds a light border */
  max-width: 80%; /* Restricts width */
  margin-left: auto; /* Centers horizontally */
  margin-right: auto; /* Centers horizontally */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow */
}


.bigimg {
float:none!important;
  display: block!important;
margin:0 auto!important;
text-align: center!important;
}


.playBtn {
  position: absolute;
  width:60px;
  height:60px;
  left: 50%;
  top: 50%;
  margin-left: -30px; /*half of the width */
  margin-top: -30px; /*half of the height */
  font-size:60px!important;
}

.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.video-img-responsive, .blog-img-responsive  {
			max-width: 320px!important;
			float:left;
   			/* height: 220px!important; */
    		object-fit: cover;
    		margin: 0 15px 15px 0;
    		border-radius: 30px;
    		border: 2px solid #00b8e4;
    	}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    	
    	.imghover img:hover {
    	cursor: pointer;
			opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */

    	}

.col-lg-6 p {text-align:left;}}

   	
.blog-img-responsive2 {
			max-width: 230px!important;
   			height: auto;
    		margin: 0;
    		padding-bottom:15px;
    	}
    	
.hurclist img {
	float: right;
    width: 30%;
    margin-left: 15px;
} 	
    	

.content {
	/* padding: 0 0 0 255px; /* 75px being the width of the thumbnail + how much space you want to put between it and your text */
	/* position: relative; /* So the thumbnail is relative to this */
	display:inline-block;
	    width: 100%;
	}

	/* .content img {
		left: 0;
		position: absolute;
		top: 0;
	} */
	
		.address, .info {
		display:inline-block;
		float:left;
		padding:4px;
		width: 45%;
		margin-right:25px;
	}

#hurco h1,
#hurco h2,
#hurco h3,
#hurco h4,
#hurco h5 {
    /* color: #1a1a1a; */
    font-family: 'Montserrat', sans-serif;
    margin: 0 0 15px;
    font-weight: 600;
    line-height: 1.2em;
}

.t_title { text-align: center;}
#hurco h6 {
	 color: #efefef;
}

/* ===== Page H1 Title ======== */
.ptitle {
	z-index: 10;
	position: relative;
    top: 220px;    
    }
    
.titlecontainer { background-color:#1a1a1a;
    position:absolute; top: 50%;
	left: 50%;transform: translate(-50%, -50%);opacity:0.9;
    border-radius:18px;
    width: 85%;
    }

.ptitle h1 {
	color:#00b8e4;
	font-size:42px!important;
	font-weight:700;
	/* -webkit-text-stroke-width: 1px;
 	-webkit-text-stroke-color: #fff; */
 	text-shadow: 2px 2px #1a1a1a;
    text-transform: uppercase;
     padding: 10px 20px; 
     text-align:center;
  }
/* ===== End Page H1 Title ======== */

#mainmenu h4, #hurco h4 {color:#ffffff;}

.satisfy {
    font-family: 'Satisfy', cursive;
}

#hurco h1 {font-size: 32px; color:#00b8e4;}
#hurco h2 {font-size: 24px; color:#4D4D4D;}
#hurco h3 {font-size: 20px;color: #1a1a1a;}
.angle-bg h1 {color:#1a1a1a!important;}
.black-bg h1 {color:#00b8e4!important;}
.black-bg p {color:#ffffff!important;}
.black-bg li {color:#ffffff!important;}
.black-bg tr {color:#ffffff!important;}
 
.black-bg h2, .angle-bg h2 {color:#ffffff!important;}
.black-bg h3 {color:#c9dd03!important;}
.display-1 {
	color:#00b8e4; font-size:40px; font-weight:500;
}

#articles, #article-page {margin-top: -30px;}
.jumbotron {background-color:#00b8e4; text-align:center; color:#1a1a1a!important; display: inline-block;margin: 0 auto;padding: 25px 15px;width:100%;margin-bottom:0;}
.jumbotron h1 {color:#fff!important;margin:0 auto!important;}




/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    outline: none;
}

/*-- 3. Helper-Class --*/

.upper {
    text-transform: uppercase;
}

.thing {
    font-weight: 300;
}

.latter-space {
    letter-spacing: 4px;
}

.vcenter333 {
position: absolute;
    top: 70%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
} 

.content-padding {
    padding: 10px;
    display: block;
}

.section-padding {
    padding: 80px 20px;
}

.section-padding-top {padding: 0}


.section-padding2 {
    padding: 30px 20px;
}

.gray-bg {
    background-color: #e1dede;
}

.gray2-bg {
    background-color: #5d5d5d;
}


.white-bg {
    background-color: #ffffff;
}

.dark-bg {
    background-color: #191a1c; color:#ffffff;
}

.black-bg {
    background-color: #000000;
    color:#ffffff;
}

.blue-bg {
    background-color: #00b8e4;
}

.green-bg {background-color:#c9dd03;}
.yellow-bg {background-color:#fecb00;}
.orange-bg {background-color:#ff6319;}

.dark-bg h2, .dark-bg p, .why-hurco-area h2,.VM-TM-Pricing-area h2, .VM-TM-Pricing-area h3,.VM-TM-Pricing-area p, .why-hurco-area h4, #control-area h2, #control-area h4 {
    color: #ffffff!important;
}

.page-title {
    margin-bottom: 50px;
    display:inline-block;
    margin: 0 auto;
    width: 100%;
}

.page-title .title {
    font-size: 36px;
    margin-bottom: 20px;
}

.page-title2 {
    margin-bottom: 8px;
}

.page-title2 .title {
    font-size: 36px;
    margin-bottom: 8px;
}
#video-area  {
   background: #ffffff;
}

#about-area  {
   background: #00b8e4;
}
#about-area .page-title .title {
   color: #ffffff;
}
.cta { padding: 25px 0;}

.bar-title {
    position: relative;
    padding-bottom: 20px;
}

.cta h2 {font-size: 30px!important;margin:0!important;}

.bar-title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 1px;
    background-color: #898989;
}

.form-control {
    height: auto;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 12px;
}

/*-- 4. Button-Style --*/

.bttn {
    display: inline-block;
    position: relative;
    padding: 10px 30px;
	margin: 10px;
    color: #00b8e4;
    /* border-radius: 100px; */
    -webkit-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
    z-index: 1;
    border: 1px solid #00b8e4;
}

.bttn.bttn-primary {
 color: #000000!important
}
.black-bg .bttn.bttn-primary {
 color: #00b8e4!important
}


.bttn.bttn-primary:hover {
 	color: #ffffff!important;
       background-color: #00b8e4!important;
    -webkit-box-shadow: 0 5px 0 0 rgba(201, 221, 10, 0.5), 0 10px 0 0 rgba(201, 221, 10, 0.5);
    box-shadow: 0 5px 0 0 rgba(201, 221, 10, 0.5), 0 10px 0 0 rgba(201, 221, 10, 0.5);
}

.bttn.bttn-primary a:hover {
	color:#1a1a1a!important;}
}


.bttn.bttn-darkbg {
	color: #00b8e4!important;
    background: #000000;
	text-transform: uppercase;}
	
	.bttn.bttn-darkbg:hover {
	color: #000000!important;
    background: #00b8e4;
	}

	
.bttn.bttn-blue {
	color: #ffffff!important;
    background: #00b8e4;
	text-transform: uppercase;
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.6);
	}
		
	.bttn.bttn-blue a {color: #ffffff!important;}


.bttn.bttn-lg {
    padding: 18px 40px;
    font-size: 20px;
}

.bttn.bttn-sm {
	padding: 6px 12px;
	font-size: 14px;
   }
.cta .bttn-darkbg:hover, .cta .bttn-darkbg:focus {
	background: #ffffff;
}
.bttn:focus,
.bttn:hover {
    color: #000000;
	background: #00b8e4;
	color: #ffffff!important;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-box-shadow: 0 5px 0 0 rgba(201, 221, 10, 0.5), 0 10px 0 0 rgba(201, 221, 10, 0.5);
    box-shadow: 0 5px 0 0 rgba(201, 221, 10, 0.5), 0 10px 0 0 rgba(201, 221, 10, 0.5);
}
.bttn-blue:focus, .bttn-blue:hover {
	 color: #00b8e4;
	background: #000000;
}


/*-- Video modal popup --*/
.modal-dialog {
      max-width: 800px;
      margin: 10% auto;
  }

.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-70px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#c9dd03;
  opacity:1;
}

.btn-close {
  position:absolute;
  right:-30px;
  top:0;
}

/*-- 5. Mainmenu-Area --*/
.mainmenu-area {
    position: fixed;
    top: 0;
    left: 0;
    padding-bottom: 2px;
    width: 100%;
    z-index: 10;
   /*-- background-color: transparent;--*/
   background-color:#000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-bottom: 3px solid rgba(255, 255, 255, 0.2);
}
.global {
	font-size:28px;
    text-decoration: none!important;
    padding-top: 10px;
    display: table;
}
.site2 .mainmenu-area,
.mainmenu-area.affix {
    background-color: rgba(0, 0, 0, 0.8);
}

.mainmenu-area #mainmenu ul.nav.navbar-nav li a {
    /* color: #ffffff; */
    background: none;
    text-transform: uppercase;
    font-weight: 400;
    background: transparent;
    border-bottom: 2px solid transparent;
}

.mainmenu-area #mainmenu ul.nav.navbar-nav li {
    float: none;
    display: inline-block;
}

.mainmenu-area #mainmenu ul.nav.navbar-nav.primary-menu li.active a,
.mainmenu-area #mainmenu ul.nav.navbar-nav.primary-menu li a:hover {
    border-bottom: 2px solid #ffffff;
    color:#00b8e4;
}

.mainmenu-area #mainmenu ul.nav.navbar-nav li.select-cuntry select {
    background: none;
    border: none;
    color: #ffffff;
    padding: 0 15px 0 15px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
  
    border-left: 1px solid #ffffff;
}

.mainmenu-area #mainmenu ul.nav.navbar-nav li.select-cuntry select option {
        color: #00b8e4;
   background: #000000;
}

.mainmenu-area #search-box {
    width: 100%;
}

.mainmenu-area .help-menu a:hover, .mainmenu-area .help-menu a:focus {text-decoration:none!important;background-color: transparent!important;font-size:18px;}


@-webkit-keyframes downup {
    from {
        bottom: 60px
    }
    to {
        bottom: 40px
    }
}


@keyframes downup {
    from {
        bottom: 60px
    }
    to {
        bottom: 40px
    }
}

a.scrolldown {
    position: absolute;
    left: 50%;
    bottom: 50px;
    z-index: 2;
    color: #ffffff;
    font-size: 30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: downup 0.8s ease 0.3s infinite alternate;
    animation: downup 0.8s ease 0.3s infinite alternate;
}

/*-- 6. Header-Area --*/

.header-area {
    position: relative;
    background: url('images/header-bg-2.jpg') no-repeat scroll center center / cover;
    width: 100%;
    height: 100%;
    min-height: 780px; /* added this to get the bg to show up in SP13 */
 
}

.machine-header-area {
 /*   position: relative; */
   background: url('images/machine-bg.jpg') no-repeat scroll center center / cover; 
    width: 100%;
    height: 100%;
    min-height: 525px;
    padding-top: 0;
}

.contact-header-area {
    background: url(images/Hurco-Global-Headquarters.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
       background-position: center;
}

.contact-header-area-uk {
    background: url(images/HEL-UK-New-Facility.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    background-position: center;
}


.contact-header-area-sg {
    background: url(images/Contact-SEA-Header.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 620px;
    background-position: center;
}


.contact-header-area-fr {
    background: url(images/Hurco-France-Building.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    background-position: center;
}

.contact-header-area-india {
    background: url(images/Hurco-India-Building-and-Showroom.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 560px;
    background-position: center;
}


.contact-header-area-generic {
    background: url(images/global-reach.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    background-position: center;
}



.automation-header-area {
    background: url(images/Hurco-Automation.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
       background-position: center;
}

.automationhero {
    background: url(https://www.hurco.com/en-us/products/automation/PublishingImages/Oakridge-Fab-Owners.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 720px;
       background-position: center;
}



.imts-header-area {
    background: url(images/abstract-backdrop_web.jpg);
    background-repeat: no-repeat;
    background-size: cover;
       background-position: center;
}


.why-hurco-header-area {
    background: url(images/why-hurco.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 630px;
       background-position: center;
}


.events-header-area {
    background: url(images/hurco-events.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 630px;
       background-position: center;
}

.racing-header-area {
    background: url(images/racing.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 630px;
       background-position: center;
}

.careers-header-area {
    background: url(images/careers.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 630px;
       background-position: center;
}

.autobend-header-area {
    background: url(images/autobend.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 630px;
       background-position: center;
}

.global-hurco-header-area {
    background: url(images/global.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


.angle-bg {
    background: url(images/angle-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


.imgheader {
	display:block; border:1px solid #00b8e4; margin-bottom:30px;}


.whyhurco, .countrylist {margin-top:-150px;}


.herofold {margin-top: -250px;}
.herobox p {color:#fff; font-size:12px;}

.circular--square { border-top-left-radius: 50% 50%; border-top-right-radius: 50% 50%; border-bottom-right-radius: 50% 50%; border-bottom-left-radius: 50% 50%; }
.circular--landscape { display: inline-block; position: relative; width: 215px; height: 200px; overflow: hidden; border-radius: 10%; } .circular--landscape img { width: auto; height: 100%; margin-left: -50px; }
.circular--portrait { position: relative; width: 200px; height: 200px; overflow: hidden; border-radius: 50%; } .circular--portrait img { width: 100%; height: auto; }

.overlay {
    position: relative;
    z-index: 1;
}

.overlay:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #000000;
    opacity: 0.8;
}

.site2 .header-area {
    background-image: url('images/header-bg-2.jpg');
}

.header-area .header-text .header-title {
    color: #ffffff!important;
    font-family: 'Roboto', sans-serif!important;
    font-size: 80px;
    font-weight: 900!important;
    letter-spacing: 2px;
}

.header-text2 { background: #000000; padding:30px; margin: 25px 0;margin-bottom: 60px;border: 2px solid #00b8e4;; color: #ffffff;}
.header-title2 { color: #c9dd0a!important;}
.header-text2 h3, .cta h3 { color: #ffffff!important;padding-top: 20px; font-size:30px!important;}


.header-text3 { background: #000000; padding:20px; margin: 10px 0;margin-bottom: 15px;border: 2px solid #00b8e4;display:inline-block;}
.header-title3 { color: #c9dd0a!important;}
.header-text3 h1.bigtext {font-size: 48px!important; margin-top: 30px!important;}
.machine {

	-webkit-filter: drop-shadow(0px -20px 50px rgba(255,255,255,0.40));
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	    display: block;
    margin-left: auto;
    margin-right: auto;
   /* padding-top: 180px;
    margin-top: 85px; */
}

.header-area .header-text .header-title .dot {
    display: inline-block;
    border: 5px solid #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #00b8e4;
    background: -webkit-gradient(linear, left top, right top, from(#00b8e4), to(#00b6e6));
    background: linear-gradient(to right, #00b8e4 0%, #00b6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8e4', endColorstr='#00b6e6', GradientType=1);
}

.header-area .header-text {
    color: #ffffff;
}

.header-area .header-text q {
    font-size: 22px;
    display: block;
    margin-bottom: 50px;
}

/*-- 7. Video-Box --*/

.video-box {
    position: relative;
}

.video-box .video-bttn {
    position: absolute;
    left: 50%;
    top: 32%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}

/*-- 8. Tabs-list --*/

.tabs-list-2,
.tabs-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    overflow: hidden;
}

.tabs-list-2 li,
.tabs-list li {
    float: left;
}

.tabs-list-2 li a,
.tabs-list li a {
    padding: 15px;
    border-bottom: 2px solid #bdbdbd;
    font-weight: 500;
    display: block;
}

.tabs-list li.active a {
    border-bottom: 2px solid #00b8e4;
}

.tabs-list-2 li a {
    border: none;
    border-radius: 100px;
    overflow: hidden;
    padding: 8px 20px;
}

.tabs-list-2 li.active a {
    color: #ffffff;
    background: #00b8e4;
    background: -webkit-gradient(linear, left top, right top, from(#00b8e4), to(#00b6e6));
    background: linear-gradient(to right, #00b8e4 0%, #00b6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8e4', endColorstr='#00b6e6', GradientType=1);
}

/*-- 9. Feature-Box --*/
.company_skill {
	padding: 0 20px;
}



.count-box,
.feature-box {
text-align:center;
    padding: 25px;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 184, 228, 0.4);
    box-shadow: 0 0 0 0 rgba(0, 184, 228, 0.4);
    border-radius: 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s;

}

.row.d-flex {
   display: flex;
   flex-wrap: wrap;
}

.nc-feature-box {
text-align:left;
     display: flex;
   flex-direction: column;
   /*justify-content: space-between;*/
   height: 100%;
   padding: 20px;
   box-sizing: border-box;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 184, 228, 0.8);
    box-shadow: 0 0 30px 0 rgba(0, 184, 228, 0.8);

}

.availability {
    position: absolute;
    top: 35px;
    left: 90px;
    color: #c9dd03;
}

#control-features .feature-box {text-align:left;}


.bottomM { margin-bottom:25px;}


.image-cropper {
    width: 380px;
    height: 380px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
	    margin: 0 auto;
}
#hurco .profile-pic {
    height: 100%;
    object-fit: cover;
    }

.count-box:hover,
.feature-box:hover {
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 184, 228, 0.8);
    box-shadow: 0 0 30px 0 rgba(0, 184, 228, 0.8);
}

.feature-box .box-icon, .nc-feature-box .box-icon {
    float: none;
        text-align: center;
    display: inline-block;
    margin-right: 10px;
	margin-bottom: 20px;
    width: 40px;
    font-size: 40px;
    background: -webkit-linear-gradient(#c9dd0a, #c9dd0a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ftype {color:#fecb00;letter-spacing: 1px;text-transform: uppercase;
    font-weight: 700; }

.read-more {
    color: #00b8e4!important;
    display: inline-block;
    padding: 5px 0;
}

.read-more:after {
    content: "\eb55";
    display: inline-block;
    font-family: "icofont";
    color: #00b8e4;
    font-size: 22px;
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px);
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.read-more:hover:after {
    opacity: 1;
    -webkit-transform: translate(3px, 3px);
    transform: translate(3px, 3px);
}

/*-- 10.Easy Pie Chart --*/

.skills .skill {
    text-align: center;
    margin-bottom: 30px;
}

.skills .skill .chart {
    position: relative;
}

.skills .skill .chart > span {
    position: absolute;
    left: 50%;
    top: 65%;
    font-weight: 600;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.skill .counter:after {
    content: "%";
}

/*-- 11. Filter-Controls --*/

.filter-controls {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
}


.filter-controls li {
    display: inline-block;
    position: relative;
    padding: 8px 30px;
    margin-bottom: 20px;
    color: #4f4f4f;
    border-radius: 0;
	border: 1px solid #00b8e4;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    -webkit-box-shadow: 0 0 0 0 rgba(201, 221, 10, 0.5), 0 0 0 0 rgba(201, 221, 10, 0.5);
    box-shadow: 0 0 0 0 rgba(201, 221, 10, 0.5), 0 0 0 0 rgba(201, 221, 10, 0.5);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.filter-controls li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #00b8e4;
    background: -webkit-gradient(linear, left top, right top, from(#00b8e4), to(#00b6e6));
    background: linear-gradient(to right, #00b8e4 0%, #00b6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8e4', endColorstr='#00b6e6', GradientType=1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
}

.filter-controls li.active {
    color: #ffffff;
    -webkit-box-shadow: 0 2px 0 0 rgba(201, 221, 10, 0.5), 0 4px 0 0 rgba(201, 221, 10, 0.5);
    box-shadow: 0 2px 0 0 rgba(201, 221, 10, 0.5), 0 4px 0 0 rgba(201, 221, 10, 0.5);
}

.filter-controls li.active:before {
    opacity: 1;
}

.mix {
    display: none;
    margin: 0;
    padding: 0;
}

/*-- 12. FIlter-Box margin-left:10%;  --*/
#filtering {padding: 0 10% 0 10%;}

.machinebox {
	padding: 10px;
	border: 1px solid #00b8e4;
    margin-right: 15px;
    margin-bottom: 15px;
    background: #fff;
	}
	
#hurco .machinebox .filter-box h3 {font-size:14px; text-align:center; padding: 12px 0;}

.filter-box {
    position: relative;
	background: rgb(239,239,239);
background: linear-gradient(90deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 50%, rgba(239,239,239,1) 100%);
}

.filter-box img {
	display: block;
    margin-left: auto;
    margin-right: auto;
	   max-height:210px;
}

.filter-box .filter-hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 30px;
    color: #ffffff;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.filter-box:hover .filter-hover {
    opacity: 1;
}

.filter-box .filter-hover h5 {
    color: #ffffff;
    position: relative;
        padding: 20px;
    text-align: center;
}

.filter-box .filter-hover h5:after {
    content: "";
    position: absolute;
    left: 43%;
    bottom: 0;
    width: 60px;
    height: 3px;
    background-color: #ffffff;
}

.site2 .filter-box .filter-hover h5 {
    position: absolute;
    left: 30px;
    bottom: 30px;
}

.filter-box .filter-hover:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00b6e6;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #00b6e6), to(#00b8e4));
    background: linear-gradient(to bottom, #00b6e6 1%, #00b8e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6e6', endColorstr='#00b8e4', GradientType=0);
    opacity: 0.6;
    z-index: -1;
}

.filter-box .filter-hover .filter-popup {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin-left: -50px;
    margin-top: -50px;
}


.filter-box .filter-hover .filter-popup:before,
.filter-box .filter-hover .filter-popup:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
}

.filter-box .filter-hover .filter-popup:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.filter-box .filter-hover img {
    width: 100%;
}



/* ==== */

.machinepage {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin-left: -50px;
    margin-top: -50px;
}

.machinepage:before,
.machinepage:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
}

.machinepage:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.machinepage img {
    width: 100%;
}


#feature h5 {
	 color:#c9dd0a;
}

/*-- 13. Team-Area --*/




.team-box2 {
	min-width:31%;
	min-height: 340px;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    border: 2px solid #00b8e4;
    margin-right: 15px;
    margin-bottom: 15px;
    float:left;
    background:#000000;
}

.machine-image {
    background: #fff!important;
     min-height: 250px;
}

.machine-image img {max-height: 205px!important;margin: 0 auto;display: block;}


.machineinfo {
    color: #fff;
    text-align: center;
    margin: 0 auto;
    font-weight: 600;
    padding-top: 10px;
    max-width: 320px;
    line-height: 18px;
}
.minfo { text-align:center;}
.minfo a {padding: 0 6px; display:inline-block;}

.team-hover2 {
    padding: 20px;
    position: absolute;
    top: -100%;
    width:100%;
    height: 84%;
    z-index: 1;
    color: #ffffff;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.team-hover2 p { color: #000000; line-height: 14px!important; padding-left: 25px!important;}

.team-hover2 br {
   display: block;
   margin: 18px 0!important;
}


.team-box2:hover .team-hover2 {
    top: 0;
}


.team-hover2 .t_sub_title,
.team-hover2 .t_title {
    display: block;
    text-align: center;
    color: #ffffff!important;
    margin-bottom: 5px;
}

.team-hover2 .t_title {
    font-size: 28px;
}

.team-hover2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00b6e6;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #00b6e6), to(#00b8e4));
    background: linear-gradient(to bottom, #00b6e6 1%, #00b8e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6e6', endColorstr='#00b8e4', GradientType=0);
    z-index: -1;
    opacity: 0.9;
}

/* --- Machine Pages Info ---- */

.team-box {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
       height: 350px;
}

.team-box h5 {
 font-size: 14px; padding-top:10px;
color: #00b8e4!important;
}
.machine-image  {background: #2b3034;}
	
.team-box .machine-image img {
max-height:280px;
    display: block;
    margin: 0 auto;
}

.team-hover {
    padding: 20px;
    position: absolute;
    left: 0;
   left: 15px;
    top: -100%;
    width: 94%;
    height: 89%;
    z-index: 1;
    color: #ffffff;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.team-hover p { color: #000000; line-height: 14px!important; padding-left: 25px!important;}

.team-hover br {
   display: block;
   margin: 18px 0!important;
}

.team-box.two .team-hover {
    height: auto;
    top: auto;
    bottom: -100%;
}

.team-box:hover .team-hover {
    top: 0;
}

.team-box.two:hover .team-hover {
    top: auto;
    bottom: 0;
}

.team-hover .team-social-menu {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f5f5f5;
    text-align: center;
}

.team-hover .team-social-menu a {
    border-right: 0px solid #ededed;
    padding: 4px 12px;
    display: inline-block;
    font-size: 18px;
    background: -webkit-linear-gradient(#1a1a1a, #00b6e6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	touch-action: manipulation;
    cursor: pointer;
}

.team-hover .team-social-menu a:last-child {
    border-right: none;
}

.team-hover .t_sub_title,
.team-hover .t_title {
    display: block;
    text-align: center;
    color: #ffffff!important;
    margin-bottom: 5px;
}

.team-hover .t_title {
    font-size: 18px;
}

.team-hover .t_sub_title {
    margin-bottom: 10px;
}


.team-hover:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00b6e6;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #00b6e6), to(#00b8e4));
    background: linear-gradient(to bottom, #00b6e6 1%, #00b8e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6e6', endColorstr='#00b8e4', GradientType=0);
    z-index: -1;
    opacity: 0.9;
}

.team-box.two .team-hover:before {
    opacity: 1;
}

.team-hover .bar_group {
    position: relative;
}

.team-hover .bar_group__bar.thick {
    width: 0%;
    height: 3px;
    border-radius: 6px;
    background: #fff;
    -webkit-transition: width 1s;
    transition: width 1s;
    z-index: 1;
    margin-bottom: 30px !important;
}

.team-hover .bar_group__bar.thick::after {
    display: block;
    content: '';
    position: absolute;
    z-index: 0;
    opacity: 1;
    width: 95%;
    height: 3px;
    border-radius: 6px;
    background: #e4e2e2;
    z-index: -1;
}

.team-hover .b_tooltip {
    position: relative;
    float: left;
    left: 100%;
    padding: 5px 5px 3px 5px;
    background-color: #ffffff;
    color: #6b6d6f;
    -webkit-transform: translateX(-50%) translateY(-30px);
    transform: translateX(-50%) translateY(-30px);
    border-radius: 2px;
    line-height: 1em;
}

.team-hover .b_tooltip:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    bottom: -5px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #ffffff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.team-hover .b_tooltip span:after {
    content: "%";
}

.team-hover .bar_label_min,
.team-hover .bar_label_max {
    display: none;
}

.team-hover .bar_group .b_label {
    font-size: 16px;
}




/*-- 14. Price-box --*/

.prices [class|='col'] {
    padding: 0 !important;
    margin: 0 !important;
}

.price-tabs {
    margin: 0 0 40px 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.price-tabs li {
    display: inline-block;
    font-size: 18px;
}

.price-tabs li:after {
    content: "/";
}

.price-tabs li:last-child:after {
    content: "";
}

.price-tabs li a {
    color: #898989;
}

.price-tabs li.active a {
    color: #4f4f4f;
}

.price-tabs li a {
    padding: 5px 10px;
}

.price-box {
    padding: 50px 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #ffffff;
    border-radius: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 1;
}

.price-box:hover {
    padding: 60px 30px;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 5px;
    position: relative;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
    z-index: 9;
}

.price-box .amount {
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 40px;
    border-bottom: 1px solid #f4f4f4;
}

.price-box .amount span {
    font-size: 14px;
    font-weight: 300;
}

.price-box .price-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 60px;
}

.price-box .price-list li {
    padding: 5px 0;
}

.price-box .price-list li:before {
    content: '\efac';
    font-family: 'icofont';
    margin-right: 5px;
}

.price-box .bttn {
    z-index: 1;
}

.price-box .bttn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00b8e4;
    background: -webkit-gradient(linear, left top, right top, from(#00b8e4), to(#00b6e6));
    background: linear-gradient(to right, #00b8e4 0%, #00b6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8e4', endColorstr='#00b6e6', GradientType=1);
    z-index: -1;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.price-box .bttn:hover:before {
    opacity: 1;
}

.price-box .bttn:hover {
    -webkit-box-shadow: 0 5px 0 0 rgba(201, 221, 10, 0.5), 0 10px 0 0 rgba(201, 221, 10, 0.5);
    box-shadow: 0 5px 0 0 rgba(201, 221, 10, 0.5), 0 10px 0 0 rgba(201, 221, 10, 0.5);
}

/*-- 15. Blog-Area --*/

.blog-box {
    border-radius: 5px;
    overflow: hidden;
}

.blog-box .blog-details {
    padding: 30px;
    color: #ffffff;
    background: #00b8e4;
    background: -webkit-gradient(linear, left top, right top, from(#00b8e4), to(#00b6e6));
    background: linear-gradient(to right, #00b8e4 0%, #00b6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8e4', endColorstr='#00b6e6', GradientType=1);
}

.blog-box .blog-image img {
    width: 100%;
}

.blog-box .blog-details h4 a {
    color: #ffffff;
}

.blog-list {
    margin-bottom: 30px;
}

.blog-list:last-child {
    margin-bottom: 0;
}

.blog-list:after {
    content: "";
    display: block;
    clear: both;
}

.blog-list .blog-list-image {
    width: 130px;
    height: 130px;
    float: left;
    margin-right: 30px;
}

.blog-list .blog-list-meta {
    margin-bottom: 10px;
}


/*-- 16. Case studies --*/
.quote p {font-size: 20px;line-height: 28px;
}
.count-box {
    margin-bottom: 0;
    text-align: center;
}

.count-box .count-icon {
    display: block;
    position: relative;
    font-size: 40px;
    line-height: 100px;
    width: 100px;
    height: 100px;
    margin: auto auto 20px auto;
    background: #00b8e4;
    background: -webkit-gradient(linear, left top, right top, from(#00b8e4), to(#00b6e6));
    background: linear-gradient(to right, #00b8e4 0%, #00b6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8e4', endColorstr='#00b6e6', GradientType=1);
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
}

.count-box .count-icon i.icofont {
    background: -webkit-linear-gradient(#00b6e6, #00b8e4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.count-box .count-icon:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -40%;
    margin-top: -40%;
    width: 80%;
    height: 80%;
    background-color: #ffffff;
    z-index: -1;
    border-radius: 50%;
}

.count-box .count_title {
    display: block;
    font-size: 18px;
    color: #4f4f4f;
}

.count-box .count {
    font-size: 50px;
    font-weight: 700;
}

/*-- . Distributor-Area --*/
.distributor-area {
    position: relative;
    background: url('images/distributor-bg.jpg') no-repeat scroll center center / cover;
    width: 100%;
   height: auto;
}

.customer-area {
    position: relative;
    background: url('images/customer-bg.jpg') no-repeat scroll center center;
	    background-color: #000000;
       background-size: cover;
}

.fr-customer-area {
    position: relative;
    background: url('images/fr-customer-bg.jpg') no-repeat scroll center center;
	    background-color: #000000;
       background-size: cover;
}

.sea-customer-area {
    position: relative;
    background: url('images/sea-customer-bg.jpg') no-repeat scroll center center;
	    background-color: #000000;
       background-size: cover;
}


.india-customer-area {
    position: relative;
    background: url('images/india-customer-bg.jpg') no-repeat scroll center center;
	    background-color: #000000;
       background-size: cover;
}


#special-event {
    position: relative;
    background: url(https://www.hurco.com/gb/PublishingImages/32030_HurcoXmas_2022_background.jpg) no-repeat scroll center center / cover;
    width: 100%;
    height: auto;
}


.why-hurco-area {
    position: relative;
    background: url(images/part-bg.jpg) no-repeat scroll center center;
    background-color: #000000;
    background-size: cover;
    color: #efefef;
}


.VM-TM-Pricing-area {
    position: relative;
    background: url(images/vm-bg.jpg) no-repeat scroll center center;
    background-color: #000000;
    background-size: cover;
        border-top: 6px solid #00b8e4;
    border-bottom: 6px solid #00b8e4;
}

.automation h4 {font-size:34px;}
.automation li {font-size:22px;line-height: 36px;}


/*-- 17. Footer-Area --*/

.footer-top p, dark-bg p {color: #efefef;}

.footer-area {background:#000000;}
.footerlogo {display: block; width:120px;}
.footer-single ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-single ul li {
    padding: 5px 0;
}

.footer-single ul li a:hover {
    text-decoration: underline;
}

.footer-area .social-menu a {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
}

ul.icons {
    cursor: default;
    list-style: none;
    padding-left: 0;
    margin: -1em 0 2em -1em;
}

ul.icons li {
    display: inline-block;
	margin-top: 15px;
}

.icofont > .label {
    display: none;
}


.footer-area .footer-bottom .copyright {
    border-top: 1px solid #f2f2f2;
    text-align: center;
    padding: 30px;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 70px;
    right: 8px;
    display:none;
}

/*-- 18. Preloader --*/

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00b8e4;
    background: -webkit-gradient(linear, left top, right top, from(#00b8e4), to(#00b6e6));
    background: linear-gradient(to right, #00b8e4 0%, #00b6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8e4', endColorstr='#00b6e6', GradientType=1);
    z-index: 999999;
}

.spinner {
    position: absolute;
      background-image: url("images/o-bl.png");
    background-size: 50px 41px;
    background-repeat:no-repeat;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 41px;
    margin-left: -20px;
    margin-top: -20px;
    background-color: transparent;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

/*-- 19. Accordion-style --*/

.accordion1 .panel {
    margin-bottom: 30px;
}

.accordion1 .panel a {
    display: block;
    padding: 8px 10px 8px 70px;
    position: relative;
    border: 1px solid #e2e2e2;
    color: #4f4f4f;
    font-size: 16px;
}

.accordion1 .panel:last-child {
    margin-bottom: 0;
}

.accordion1 .panel a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background: #00b8e4;
    background: -webkit-gradient(linear, left top, right top, from(#00b8e4), to(#00b6e6));
    background: linear-gradient(to right, #00b8e4 0%, #00b6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8e4', endColorstr='#00b6e6', GradientType=1);
}

.accordion1 .panel a:after {
    content: "\f0a5";
    font-family: 'icofont';
    line-height: 40px;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    text-align: center;
}

.accordion1 .panel a[aria-expanded="true"]:after {
    content: '\f074';
    font-size: 20px;
}

.accordion1 .panel .text-body {
    padding: 30px 30px 30px 70px;
    border: 1px solid #e2e2e2;
    border-top: none;
}

/*-- 20. Service-Box-Style --*/

.service-box {
    padding: 10px;
    border-radius: 3px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 184, 228, 0.2);
    box-shadow: 0 0 0 0 rgba(0, 184, 228, 0.2);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-bottom:25px;
}

.service-box:hover {
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 184, 228, 0.2);
    box-shadow: 0 0 30px 0 rgba(0, 184, 228, 0.2);
}

.service-box .box-image {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.service-box .box-image img {
    width: 100%;
}

.service-box .box-image .box-plus {
    position: absolute;
    right: 20px;
    bottom: 0;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    border-radius: 50%;
    text-align: center;
    color: #6b6d6f;
    line-height: 30px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 184, 228, 0.4);
    box-shadow: 0 0 30px 0 rgba(0, 184, 228, 0.4);
}

.service-box .box-text {
    padding: 0 20px;
}

/*-- 21. process-area --*/

.process {
    background: url('images/service-line.jpg') no-repeat scroll top 20px center;
    color: #6b6d6f;
}

.single-process .process-icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 40px;
    margin: auto;
    margin-bottom: 50px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

.single-process .process-icon i.icofont {
    background: -webkit-linear-gradient(#00b8e4, #00b6e6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*-- 22. Testimonials --*/

.testimonials .single-testimonial {
    background-color: #121212;
    padding: 80px 100px 50px 100px;
    position: relative;
    margin-bottom: 30px;
    border-radius: 3px;
}

.testimonials .single-testimonial:before {
    content: "\f0b1";
    font-family: 'icofont';
    position: absolute;
    left: 50%;
    top: 30px;
    font-size: 40px;
    color: #00b8e4;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.testimonials .single-testimonial .testimonial-text {
    font-size: 18px;
    margin-bottom: 30px;
    color: #ffffff;
}

.single-testimonial h3 {
	color:#ffffff!important;
}

.testimonials .testimonial-img {
    position: absolute;
    left: 50%;
    bottom: -30px;
    width: 60px;
    height: 60px;
    text-align: center;
    overflow: hidden;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.owl-controls .owl-nav {
    text-align: center;
}

.owl-controls .owl-nav > div {
    display: inline-block;
    width: 40px;
    height: 40px;
   /* background-color: #e8e8e8; */
   border: 1px solid #00b8e4;
    text-align: center;
    line-height: 40px;
    border-radius: 2px;
    margin: 10px 5px;
    color: #969696;
}

.testimonials .owl-controls .owl-nav > div {
    position: absolute;
    left: -25px;
    top: 50%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.testimonials .owl-controls .owl-nav > div.owl-next {
    left: auto;
    right: -25px;
}

/*-- 23. Contact-Area --*/

.contact-area {
    position: relative;
    z-index: 1;
    padding: 100px 0;
    margin-bottom: -250px;
}

.contact-area:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 1370px;
    max-width: 98%;
    height: 100%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    z-index: -1;
    border-radius: 5px;
}

.contact-form input[type="text"],
.contact-form input[type="number"],
.contact-form input[type="email"],
.contact-form input[type="password"],
.contact-form textarea {
    padding: 15px;
    margin-bottom: 20px;
    width: 100%;
    display: block;
    border: none;
    border-bottom: 1px solid #e8e8e8;
    outline: none;
}

.contact-form .form-double input[type="text"],
.contact-form .form-double input[type="number"],
.contact-form .form-double input[type="email"],
.contact-form .form-double input[type="password"],
.contact-form .form-double textarea {
    width: calc(50% - 15px);
    float: left;
}

.contact-form .form-double input[type="text"]:last-child,
.contact-form .form-double input[type="number"]:last-child,
.contact-form .form-double input[type="email"]:last-child,
.contact-form .form-double input[type="password"]:last-child,
.contact-form .form-double textarea {
    float: right;
}

.contact-info {
    padding: 30px 50px;
    color: #ffffff;
    background: #00b8e4;
    background: -webkit-gradient(linear, left top, right top, from(#00b8e4), to(#00b6e6));
    background: linear-gradient(to right, #00b8e4 0%, #00b6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8e4', endColorstr='#00b6e6', GradientType=1);
    border-radius: 3px;
}

.contact-info .info {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 60px;
}


.contact-info .info li {
    margin-bottom: 30px;
    position: relative;
    padding-left: 60px;
    line-height: 2.3em;
}

.contact-info .info li:last-child {
    margin-bottom: 0;
}

.contact-info .info li .info-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    background-color: #ffffff;
    border-radius: 50%;
}

.contact-info .info li .info-icon i.icofont {
    background: -webkit-linear-gradient(#00b8e4, #00b6e6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.social-menu-2 a {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    background-color: #000000;
    border-radius: 50%;
	border: 1px solid #00b8e4;
    margin: 0 10px;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1);
	color: #00b8e4;
}

.social-menu-2 a:hover {
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.8);
}

.social-menu-2 a i.icofont {
    background: -webkit-linear-gradient(#00b8e4, #00b6e6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#maps {
    width: 100%;
    height: 600px;
}

/* === blog ==*/
.sidebar {
padding: 20px;
border: 1px solid #00b8e4;
margin-bottom: 20px;
}
.widget {
    margin-bottom: 40px;
    padding: 30px;
    /* border: 1px solid #eee; */
}
.widget.categories .item {
    background: #f9f9f9;
    padding: 10px;
    color: #777;
    font-weight: 700;
}

.widget.categories .item span {
    font-size: 0.9em;
    color: #aaa;
}

.widget.categories .item:nth-of-type(2n+2) {
    background: none;
}
.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

.widget.tags .tag:hover {
    background: #999;
    color: #fff;
    border-color: #999;
}
.widget.tags .tag {
    padding: 5px 25px;
    border: 1px solid #ddd;
    margin: 5px 0;
    color: #777;
    font-size: 0.75em;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    border-radius: 50px;
}

.post-tags .tag:hover {
    background: #999;
    color: #fff;
    border-color: #999;
}
.post-tags .tag {
    padding: 5px 25px;
    border: 1px solid #ddd;
    margin: 5px;
    color: #777;
    font-size: 0.75em;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    border-radius: 50px;
}

.blog-post .post-thumbnail img {
    width: 100%;
    margin-bottom: 10px;
}

.post .category a {
    color: #999;
    letter-spacing: 0.05em;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
}

.pr {
	margin-bottom: 30px;
    border-bottom: 1px dotted #888888;
    padding-bottom: 30px;}
  

.btn-hurco {
    color: #00b8e4;
    background-color: transparent;
    border-color: #00b8e4;
}

.btn-hurco:hover {
    color: #1a1a1a!important;
    background-color: #00b8e4;
    border-color: #00b8e4;
    text-decoration:none!important;
}

.btn-group, .btn-group-vertical {vertical-align: inherit;}
 
.filters {width: 135px;}

.btn-primary {
    color: #fff;
    background-color: #00b8e4;
    border-color: #555555;
}

.blue-bg .bttn.bttn-primary {
  
    border-color: #ffffff!important;
}

.blue-bg a {
   color: #efefef!important;
   }



.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #1a1a1a!important;
    border-color: #00b8e4!important;
}
 
.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.scrollable-menu2 {
    height: auto;
    max-height: 300px;
    width:100%;
    overflow-x: hidden;
    border: 2px solid #00b8e4;
    cursor: pointer;
    position: inherit!important;
}

li.country a {
font-size:18px;
padding: 6px;
}

li.country:before {
    content: ""!important;
display:none!important;
}

li.country a:hover {
background: #00b8e4;
color:#1a1a1a!important;
text-decoration:none!important;
}

#playme img {
    object-fit: cover;
    height:250px;
}

.quotebtn {
	width: 30%;
	display:inline-block;
}

.promo a { color:#efefef!important;}
.promo a:hover { color:#222!important; text-decoration:underline!important;}

.promo h2 {
	padding-top:60px;
}
.promo h2, .promo p, .blue-bg h2, .blue-bg p { color:#1a1a1a!important;}

.firstword{color: #00b8e4;font-weight:700;}

#mills img, #lathes img {
	float:left; margin-right:15px; max-width:140px; height:140px!important;object-fit: cover;
}
#mills div, #lathes div {
	display:inline-block; width:100%; margin-bottom: 30px; float:left; padding-bottom:15px; border-bottom:1px dotted #CCC;
}

  #mills h2, #lathes h2  {text-align: center;
    padding-bottom: 25px;
    color: #00b8e4;}

.contactinfo {
    text-align: center;
    margin: 50px 0 0 0;
      
}

.sales {background-color:#fecb00; padding: 30px 0;}
.support {background-color:#c9dd03; padding: 30px 0;}
.applications {background-color:#ff6319; padding: 30px 0;}

.sales a, .support a, .applications a {
	font-size:32px;
	color: #1a1a1a!important;
	    text-decoration: none!important;
}

.float{
z-index:999;
	position:fixed;
	width:38px;
	height:38px;
	top:95px;
	right:90px;
	background-color:#fff;
	color:#00b8e4!important;
	border-radius:50px;
	text-align:center;
	border:1px solid #00b8e4;
	animation: shadow-pulse 1s infinite;
}

.float2{
z-index:999;
	position:fixed;
	width:38px;
	height:38px;
	top:95px;
	right:45px;
	background-color:#fff;
	color:#00b8e4!important;
	border-radius:50px;
	text-align:center;
	border:1px solid #00b8e4;
	animation: shadow-pulse 1s infinite;
}

.float:hover, .float2:hover{color: #000000!important; text-decoration:none!important;border:1px solid #000;}

.cart {
	font-size: 18px;
    padding-top: 5px;
}


.connect {
	padding: 20px;
    margin: 0 auto;
    max-width: 300px;
    text-align: center;
   }


@keyframes shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}

@keyframes shadow-pulse-big
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 0 70px rgba(0, 0, 0, 0);
  }
}

#banner-desktop {padding-bottom: 12px;}


.hurccheck {
	color:#00b8e4; font-size:22px;
}
.ht-body {
	display:flow-root;
}


/* ==== FAQ Section Styles ===== */
#ctacontainer {
	display:inline-block; width:100%;
}
.question {    display: block;
    padding: 8px 10px 8px 70px;
    position: relative;
    border: 1px solid #e2e2e2;
    color: #4f4f4f;
    font-size: 16px;}
a.question {color:#1a1a1a!important;}
a.question:hover { background-color:#efefef; color:#00b8e4!important; text-decoration:none!important;}
.answer {border:1px solid #00b8e4; padding:10px;}
.articleid { position:aboslute;
 float:right; padding-right:10px;
 }
 
 .faq {
	margin-bottom: 15px;
}
.faq a.question:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background: #00b8e4;
   }
.faq a.question:after {
	content: "\f0a5";
    font-family: 'icofont';
    line-height: 40px;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    text-align: center;
    }
    



#cadcamlogos {margin-bottom:30px;}
.cadcam{background-color: #efefef;padding: 10px 15px;margin: 5px; height: 150px;border: 1px solid #00b8e4;}

.event {background-color: #f8f8f8;padding: 10px 15px;width:100%;height: auto;border: 1px solid  #00b8e4;margin-bottom:15px;}


/* ========= Video Header ================ */
#introvideo {
position:relative;
background-color:black;
/* height:680px;margin-bottom: 45px;*/
min-height:auto; 
width:100%;
overflow:hidden;
margin-top: 0;
}

#introvideo480 {
position:relative;
background-color:black;
min-height:480px;
width:100%;
overflow:hidden;
margin-top: 0;
}


header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 2;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 4;
  padding: 100px 20px;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #00b8e4;
  opacity: 0.4;
  z-index: 3;
}

header .header-text .xmas {
    color: #00b8e4!important;
    font-family: 'Roboto', sans-serif!important;
    font-size: 42px!important;
    font-weight: 800!important;
    letter-spacing: 2px;
    text-align:center;
}

header .header-text .xmas2 {
    font-size: 28px;
    display: block;
    margin-bottom: 20px;
	color: #ffffff!important;
	text-align:center;
}

header .header-text .xmas2 p {
    font-size: 22px;
    display: block;
    font-weight:800;
	color: #1a1a1a!important;
	text-align:center;
}




header .header-text .header-title {
    color: #ffffff!important;
    font-family: 'Roboto', sans-serif!important;
    font-size: 45px!important;
    font-weight: 900!important;
    letter-spacing: 2px;
}

header .header-text q {
    font-size: 22px;
    display: block;
    margin-bottom: 50px;
	color: #ffffff!important;
}


header h1 {
	text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 1px 0 #bbb,
               0 2px 0 #b9b9b9,
               0 3px 0 #aaa,
               0 4px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 1px 1px rgba(0,0,0,.2),
               0 2px 5px rgba(0,0,0,.25),
               0 10px 15px rgba(0,0,0,.2),
               0 20px 10px rgba(0,0,0,.15);}
}



@media (pointer: coarse) and (hover: none) {
  header {
    /* background: url('/Style%20Library/hurco/design/images/header-bg-2.jpg') black no-repeat center center scroll; */
  }
  header video {
    display:  inherit;
  }
}


.banner {
    background-color: #c9dd03;
    height: 46px;
    text-align: center;
}

/* ========= Mobile Navigation ======= */

.nav-side-menu {
  overflow: auto;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 500;
  background-color: #2e353d;
  position: fixed;
  top: 0px;
  width: 300px;
  height: 100%;
  color: #00b8e4;
}




.nav-side-menu a:hover {text-decoration:none!important;}
.nav-side-menu .brand {
  background-color: #000;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 50px;
  cursor: pointer;
  /*    
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #c9dd03;
  background-color: #4f5b69;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #c9dd03;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #c9dd03;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #181c20;
  border: none;
  /*line-height: 28px;*/
  border-bottom: 1px solid #00b8e4;
  margin-left: 4px;
}

ul.sub-menu ul.sub-menu li a {font-size:14px; font-weight:600;}
ul.sub-menu ul.sub-menu li a span {font-size:12px;font-weight:200;}
ul.sub-menu ul.sub-menu li:before {margin-left:15px;}

.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {background-color: #c9dd03;color:#1a1a1a!important;}
ul.sub-menu li a {color:#fff!important; font-size:18px;}
ul.sub-menu li a span:before {
  font-family: FontAwesome;
  content: "\f068";
  display: inline-block;
  padding-left: 2px;
  padding-right: 2px;
  vertical-align: middle;

}
ul.sub-menu li a:hover {color:#1a1a1a!important;}

ul.sub-menu {
	/*  to make the nav scroll  */
  max-height: 280px;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling:touch; /* mobile safari */
  cursor:grab;
}



.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.nav-side-menu li {
  padding-left: 0px;
  border-left: 3px solid #2e353d;
  border-bottom: 1px solid #23282e;
}
.nav-side-menu li a {
  text-decoration: none;
  color: #e1ffff;
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li:hover {
  border-left: 3px solid #c9dd03;
  background-color: #4f5b69;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
@media (max-width: 1024px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #00b8e4;
    color: #000;
    width: 40px;
    text-align: center;
    height: 30px;
    font-size: 24px;
    border-radius: 9px;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}
body {
  margin: 0px;
  padding: 0px;
}


.icon {color:#c9dd03;}


.navbtn a.btn-sm {
	margin: 0 15px 15px 0;
	}
/* ========responsive stacking table =========*/

    .table-responsive-stack tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}


.table-responsive-stack td,
.table-responsive-stack th {
   display:block;
/*      
   flex-grow | flex-shrink | flex-basis   */
   -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.table-responsive-stack .table-responsive-stack-thead {
   font-weight: bold;
}

@media screen and (max-width: 768px) {
   .table-responsive-stack tr {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      border-bottom: 3px solid #ccc;
      display:block;
      
   }
   
    .table-responsive-stack td {width:100%!important;}
   /*  IE9 FIX   */
   .table-responsive-stack td {
      float: left\9;
      width:100%;
   }
} /* ===== end max768 ===== */


/* ===== Timeline ===== */

#timeline {
padding: 80px 0;
  font-size: 100%;
 font-family: "Open Sans", sans-serif;
  color: #c6c6c6;
  background-color: #2B343A;
}

.tlheader {}
.tlheader h2 {
	font-family: "Open Sans", sans-serif;
color: #00b8e4!important;
margin-bottom: 0!important; }
.tlheader p {
	font-family: "Open Sans", sans-serif;
font-size: 16px!important;
    line-height: 24px!important;
    padding: 12px;}
/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #fecb00;
}
@media only screen and (min-width: 820px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 820px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #fecb00, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  background: #75ce66;
}
.cd-timeline-img.cd-movie {
  background: #00b8e4;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}
@media only screen and (min-width: 820px) {
  .cd-timeline-img {
      width: 30px;
    height: 30px;
    left: 51.3%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: transparent;
    border-radius: 0.85em;
    padding: 1em;
    /* box-shadow: 0 3px 0 #d7e4ed; */
    border: 2px solid #ffcb00;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #fecb00;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
 font-family: "Open Sans", sans-serif;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
  line-height:22px;
}
.cd-timeline-content .cd-read-more {
  float: none;
  padding: .8em 1em;
  background: #666666;
  color: #00b8e4;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
  color: #1a1a1a;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .2;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 11px solid transparent;
  border-right: 11px solid #fecb00;
}
.max100 {max-width:80px;}


@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 22px;
font-family: "Open Sans", sans-serif;
  }
  .cd-timeline-content p {
    font-size: 16px;
 font-family: "Open Sans", sans-serif;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
  font-family: "Open Sans", sans-serif;
  }
  
.vcenter {display: flex; align-items: center;}
  
}


@media only screen and (max-width: 767px){
	.cd-timeline-content h2 {font-size: 36px;}
	.cd-timeline-content .cd-date {display: none;}
	.cd-timeline-content p {font-size:18px;}
	
	.header-title2 img {width:90%!important; float:none;}
	
	/* certificates prevent the save us option - Copyrights © Perry Johnson Registrations, Inc. */
	.pjr {width:300px!important; height:393px!important; background-size: 300px 393px!important;}
	.pjr2 {width:300px!important; height:100px!important; background-size: 300px 100px!important;}
	
	.global-hurco-header-area {background-size: contain; height: 320px;}
	
	
/* Home Page Video Banner text	on mobile */
header .header-text .xmas2 {
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
	color: #ffffff!important;
	text-align:center;
}


#introvideo {
margin-top: 0;
}


	
}/* end mobile */

@media only screen and (min-width: 820px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #fecb00;
  }
  .cd-timeline-content .cd-read-more {
    float: none;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: -100px;
    font-size: 118px;
     font-family: "Merriweather", Serif;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #fecb00;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 820px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

.shadowfilter {
	-webkit-filter: drop-shadow(0px 0px 0px rgba(255,255,255,0.80));
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	
}.shadowfilter:hover {
	-webkit-filter: drop-shadow(0px 0px 8px rgba(0, 231, 255, 0.8));
}



/* ======  Training Table ====================== */
 #appstraining {
      width: 100%;
      border-collapse: collapse;
      border: 1px solid #00b8e4;
    }
    #appstraining th, #appstraining td {
      border-bottom: 1px solid #000;
      padding: 8px;
      text-align: center;
    }
    #appstraining tr:nth-child(odd) {
      background-color: #ffffff;
    }
    #appstraining tr:nth-child(even) {
      background-color: #efefef;
    }
    #appstraining th {
      background-color: #1a1a1a;
    }

/* Machine Specifications Pages */

.specfooter {
  border-top: 2px solid #00b8e4;
  padding-top: 15px;
    margin: 0 auto;
    width: 80%;
}
#hurco #modeldetails h1 {
    font-size: 4.3em;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 600;
    line-height: 1em;
    margin-bottom: 10px;
    text-transform: none;
}
#hurco #modeldetails h2 {
    font-size: 2.2em;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 300;
    line-height: 1.14em;
    margin-bottom: 15px;
    text-transform: uppercase;
}

#specifications h2 {
    font-size: 2.9em;
    font-weight: 300;
    font-family: "Roboto Condensed",sans-serif;
    line-height: 1em;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #00b8e4;
}

#specifications h3 {font-size: 26px;text-transform: uppercase;color: #c9dd03;margin-top: 20px;}

.mid-grey-background {background-color: #3b3b3b;}


#specifications table {width: 80%;margin: 0 auto;}

#specifications table td {
    border-top: 1px solid #898989;
    border-bottom: 1px solid #898989;
    padding: 13px 0;
    color:#fff;
    vertical-align: bottom;
}

#specifications table td:empty {
display:none;
 }


#specifications table td:last-child {
    text-align: right;
}

.fineprint {
	color:#fff;font-size:11px;
	margin: 0 auto;
    width: 80%;
}

.printfooter {display:none;}

#articletable td {
	padding:4px 15px 4px 0; border-bottom:thin solid #efefef;
}
/* print styles */
@media print {

#DeltaPlaceHolderMain {
	margin-top:0;
    zoom: 90%;
    font-size: 13px!important;
}

  html, body {
     height:100%; 
    /* overflow: hidden; */
    margin: 0;
    color: #000;
    background-color: #fff;
   
  }
  
 .pagebreak { page-break-before: always; } /* page-break-after works, as well */
.section-padding {padding: 0;}

  
.col-md-7,.col-sm-3 {
	width:100%; float:left;
}
#hurco #modeldetails h2 {font-size: 18px;}


.bttn, .btn-print, .specfooter, .footer-area, #ribbon, .cart, #back-to-top, .financing, #banner-desktop, .back-to-top, .cart {
	display:none!important;}

.printfooter {
 display: inline-block; margin-top:10px; padding:10px 0 0 0; border-top:1px solid #000;width:100%;
}

.fineprint {
	font-size:9px; display:inline-block; width:100%;
}
#specifications table {
    width: 100%;
}
#specifications table td {
    border-top: 1px solid #efefef;
    padding: 0;
    color: #000;
}

#specifications h2 {
    font-size: 22px;
    margin-bottom: 0;
}
#specifications h3 {font-size: 16px;margin-top: 5px;}


}/* end print styles */

/* =========================== */
.promo {
	      animation: colorchange 2s; /* animation-name followed by duration in seconds*/
         /* you could also use milliseconds (ms) or something like 2.5s */
      -webkit-animation: colorchange 2s; /* Chrome and Safari */
}


 @keyframes colorchange
    {
      0%   {background: #c4243c;}
      25%  {background: #000000;}
      50%  {background: #c4243c;}
      75%  {background: #000000;}
      100% {background: #c4243c;}
    }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
       0%   {background: #c4243c;}
      25%  {background: #000000;}
      50%  {background: #c4243c;}
      75%  {background: #000000;}
      100% {background: #c4243c;}
    }
    
    
.pjr {
display:block; width:550px; height:720px;
margin: 0 auto;
  background: url(images/ISO.9001.2024.Hurco.CompaniesInc.jpg);
  background-repeat: no-repeat;
  background-size: 550px 720px;
}

.pjr2 {
display:block; width:448px; height:150px;
margin: 0 auto;
  background: url(images/perryj-anab-ukas.jpg);
  background-repeat: no-repeat;
  background-size: 448px 150px;
}


.financing {
	max-width: 150px;
    position: absolute;
    right: -170px;
    top: 0;
    z-index: 1;
    }

.financing h2 {color:#1a1a1a!important;}
.financing p {color:#1a1a1a;}
.financing .hurcbtn { background-color:#FDFF80; color:#1a1a1a!important;}

.webinar-header {
font-size: 42px!important; padding-bottom:15px;border-bottom: 2px solid #00B8E4;
}


/* The ribbons */

.corner-ribbon{
  width: 350px;
  background: #e43;
  font-size: 60px;
  font-weight: 800;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 80px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.corner-ribbon.sticky{
 position: relative;
    z-index: 1;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.corner-ribbon.top-left{
  top: 110px;
  left: -25px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.middle{
  top: 230px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

.corner-ribbon.red{background: #e43;}
.corner-ribbon.gold {background: gold;color: red;}

/* ==== france agent color code ===== */
/* ==== =========== ===== */
.green:before {content: '';display: inline-block;width: 36px;height: 36px;-moz-border-radius: 18px;-webkit-border-radius: 18px;border-radius: 18px;background-color: #4C963A;}
.yellow:before {content: '';display: inline-block;width: 36px;height: 36px;-moz-border-radius: 18px;-webkit-border-radius: 18px;border-radius: 18px;background-color: #FFFF00;}
.blue:before {content: '';display: inline-block;width: 36px;height: 36px;-moz-border-radius: 18px;-webkit-border-radius: 18px;border-radius: 18px;background-color: #0070C0;}
.orange:before {content: '';display: inline-block;width: 36px;height: 36px;-moz-border-radius: 18px;-webkit-border-radius: 18px;border-radius: 18px;background-color: #FF6600;}
.gray:before {content: '';display: inline-block;width: 36px;height: 36px;-moz-border-radius: 18px;-webkit-border-radius: 18px;border-radius: 18px;background-color: #A6A6A6;}
.teal:before {content: '';display: inline-block;width: 36px;height: 36px;-moz-border-radius: 18px;-webkit-border-radius: 18px;border-radius: 18px;background-color: #B9CDE5;}
.lgreen:before {content: '';display: inline-block;width: 36px;height: 36px;-moz-border-radius: 18px;-webkit-border-radius: 18px;border-radius: 18px;background-color: #e2efd9;}
.red:before {content: '';display: inline-block;width: 36px;height: 36px;-moz-border-radius: 18px;-webkit-border-radius: 18px;border-radius: 18px;background-color: #ff0000;}
.tan:before {content: '';display: inline-block;width: 36px;height: 36px;-moz-border-radius: 18px;-webkit-border-radius: 18px;border-radius: 18px;background-color: #FCD5B5;}
.purple:before {content: '';display: inline-block;width: 36px;height: 36px;-moz-border-radius: 18px;-webkit-border-radius: 18px;border-radius: 18px;background-color: #e0c1ff;}
.lgray:before {content: '';display: inline-block;width: 36px;height: 36px;-moz-border-radius: 18px;-webkit-border-radius: 18px;border-radius: 18px;background-color: #EBF1DE;}
.purple:before {content: '';display: inline-block;width: 36px;height: 36px;-moz-border-radius: 18px;-webkit-border-radius: 18px;border-radius: 18px;background-color: #d86ecc;}


.ts_page img, .headerimg {
    width: auto!important;
}




/* ==== end france agent color code ===== */
.iframe-embed {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}
.iframe-embed-wrapper {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.iframe-embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.figure-left {
	float:left;
	max-width:450;
}

.figure-right {
	float:right;
	max-width:450;
}


.figure-caption {
	font-style: italic;
    font-weight: 500;
}

#procobotsline img {height:250px!important;}

#testimonial { margin:45px 0;}

.sortorder:after {
            content: '\25b2';
        } 
        .sortorder.descending:after {
            content: '\25bc';
        }
 

/* ==== home page promo messaging ==== */       
        
#reasons li:before  {
	 content: none!important;
}

#reasons li  {
	 list-style:none!important;
}

#reasons  {
	 color:#fff;
	 font-size:20px;
	 font-weight:600;
	 margin-bottom:20px;
	 background: rgba(0, 0, 0, 0.5);
     padding: 12px;
    width: 80%;
}


#reasons2 li:before  {
	 content: none!important;
}

#reasons2 li  {
	 list-style:none!important;
}

#reasons2  {
	 color:#00b8e4;
	 font-size:24px;
	 font-weight:600;
	 margin-bottom:20px;
	 background: #000;
    opacity: 0.9;
    padding: 12px;
    }


.table>thead>tr>th {
    color: #00b8e4;
    font-size: 18px;
}


@media only screen and (max-width: 1381px) {

#filtering {padding: 0 20%;}
.team-box2 {width:100%;} 
.machine-image {height: auto;}
.team-hover2 {height: 80%;}
} /* end medium screens */

@media only screen and (max-width: 780px) {
#filtering {padding: 0 10%;}
.team-box2 {width:100%;margin-right:0;float:left;}
.machine-image {height: auto; min-height: 235px;}

#reasons  {width: 100%;}
header h1 {

	text-shadow: none;
}

} /* end mobile */

.blbox {
	padding: 0 10px 0 10px;
    background-color: rgba(0, 0, 0, 0.6);
     border-radius: 20px;
  border: 2px solid #ff6319;
}

/* --- Campaign Visual Enhancements --- */

.program-badge {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 700;
  color: #fff;
  background-color: #00b8e4;
  padding: 0.4rem 0.6rem;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.headline-accent {
  color: #1a1a1a;
  font-weight: 700;
}

.headline-w {
font-size: 60px; text-transform: uppercase; color: #ffffff;line-height: 62px;
}
.headline-b {
font-size: 60px; text-transform: uppercase; color: #00b8e4;line-height: 62px;
}

.headline-lb {
	color:#8ad4f5;
	font-size: 20px;
}


.cta-box {
  border: 2px solid #00b8e4;
  border-radius: 4px;
  background-color: #fff;
  padding: 1.5rem;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.info-card {
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  padding: 1.25rem;
  height: 100%;
  min-height:280px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.info-card h3 {
  font-size: 1.05rem;
  font-weight: 600;
  color: #00b8e4;
  margin-bottom: 0.5rem;
}

.info-card p {
  font-size: 0.95rem;
  color: #666;
  margin: 0;
}

/* logo alignment for campaign footer */
.logos-row {
    display: flex;
    align-items: center;
    justify-content: center; /* centers the pair horizontally */
    flex-wrap: wrap;
    gap: 2rem; /* space between logos */
    margin-top: 1rem;
}

.logos-row img {
    max-width: 160px;
    height: auto;
    display: block;
}

/* Christmas Open House Hero */
.hero-banner {
    background: url('/gb/about-hurco/news/PublishingImages/Xmas-hero-banner-lp.jpg') center center / cover no-repeat;
    min-height: 620px;
    padding: 0;
    position: relative;
}

/* smooth transition gradient */
.hero-banner::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
}



.two-tone-bg {
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #000000 40%, #000000 100%);
    color: #fff; /* text will show on black lower half */
}

/* Responsive scaling */
@media (max-width: 992px) {
    .hero-banner {
        min-height: 380px;
        background-size: contain;     /* shrink image to fit viewport */
        background-repeat: no-repeat;
        background-position: center top;
    }
}

@media (max-width: 600px) {
    .hero-banner {
        min-height: 260px;
        background-size: contain;     /* keep full image visible */
        background-position: center top;
    }
    .hero-banner::after {
        height: 80px;  /* lighter gradient on small screens */
    }
    
    .info-card {
        min-height: auto;
    }
    
.headline-w {font-size: 28px;line-height: 30px; }
.headline-b {font-size: 28px;line-height: 30px; }
.two-tone-bg {background: #000000;padding:80px 20px;}
  
    
}/* END MOBILE */

/* Full-width header image treatment (legacy style) */
.hero-image-wrap {
    width: 100%;
    overflow: hidden;
}

.hero-full {
    width: 100%;
    height: auto;
    display: block;
}

/* Optional: smooth fade to next section */
.hero-image-wrap::after {
    content: "";
    display: block;
    width: 100%;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}


/* Adjust spacing for smaller screens */
@media (max-width: 768px) {
    .hero-image-wrap::after {
        height: 50px;
    }
}

/* ------------------------------------------ */
/* New contained hero style (Test Drive page) */
/* ------------------------------------------ */
.hero-image-wrap .hero-contained {
    width: 100%;
    max-width: 1200px; /* matches Hurco container width */
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 4px; /* optional, consistent with CTA boxes */
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .hero-image-wrap .hero-contained {
        border-radius: 0;
        box-shadow: none;
    }
}



.vertical-center {
    display: flex;
    flex-direction: column;
    justify-content: center; /* centers vertically */
}